<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>AStar</title>
    <link rel="stylesheet" href="./index.css" />
  </head>
  <body>
    <strong>
      <span style="color: gray">灰色为可移动区域，</span>
      <span style="color: blue">蓝色为障碍，</span>
      <span style="color: rgb(223, 228, 69)">黄点为起始点，</span>
      <span style="color: red">红点为结束点，</span>
      <span style="color: green">绿色为路径点</span>
    </strong>
    <strong style="color: red">点击地图可动态寻路</strong>
    <canvas id="canvas"></canvas>
    <p>
      <button id="createMap">生成地图</button>
      <button id="exportMap">导出地图</button>
      <button id="createPoint">生成开始结束点</button>
      <button id="createEndPoint">修改结束点</button>
      <button id="getRoad">寻路</button>
    </p>
    <script type="module" src="./utils.js"></script>
    <script type="module" src="./index.js"></script>
  </body>
</html>
